<!DOCTYPE html>
<!--
  ~ Copyright (C) 2018 guomw.Inc. All rights reserved.
  ~ 项目名称： mysite
  ~ 文件名称： classifylist.html
  ~ Date：18-9-28 下午2:53
  ~ Author: guomw
  -->

<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:include="common/head::head('文章分类')"></head>
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>文章分类列表</h5>
                    <div class="ibox-tools">
                        <a data-toggle="modal" data-target="#addArticleClassifyModal" onclick="classifyHandler.edit(0)">
                            <i class="fa fa-plus"></i>
                            添加分类
                        </a>
                    </div>
                </div>
                <div class="ibox-content">
                    <table class="table table-bordered table-hover table-center">
                        <thead>
                        <tr>
                            <th>序号</th>
                            <th>分类名称</th>
                            <th style="text-align: center">操作</th>
                        </tr>
                        </thead>
                        <tbody id="table-content">
                        </tbody>
                    </table>
                    <!--分页控件-->
                    <div th:include="template/pager::pager"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--列表模板-->
<script type="text/html" id="table-content-template">
    <tr>
        <td>{index}</td>
        <td>{title}</td>
        <td class="col-sm-2" style="text-align: center">
            <a type="button" class="btn-a" data-toggle="modal" data-target="#addArticleClassifyModal" onclick="classifyHandler.edit({classifyId})">修改</a>
            <a type="button" class="btn-a" data-toggle="modal" onclick="classifyHandler.delete({classifyId})">删除</a>
        </td>
    </tr>
</script>
<!--模态框-->
<modal th:include="template/modal::addArticleClassifyModal"/>

<footer th:include="common/footer::js"/>
<script src="../../resource/js/views/articleclassify.js"></script>
</body>
</html>